<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="author" content="bright"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="flexible" content="initial-dpr=2" />
    <title>推广二维码页面</title>
    <link rel="stylesheet" type="text/css" href="/public/static/home/css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="/public/static/home/css/swiper.css"/>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/public/static/home/layer.mobile-v2.0/layer_mobile/need/layer.css"/>
    <link rel="stylesheet" type="text/css" href="/public/static/home/css/index.css"/>
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
    <style>
        .userInformation{width:100%;position:fixed;left:0;top:55px;z-index:99;}
        .userImages{width:40px;height:40px;border-radius:40px;overflow:hidden;margin:0 auto;}
        .userImages>img{width:100%;height:100%;}
        .userName{font-size:14px;text-align:center;}
    </style>
</head>
<body>
<div class="userInformation">
    <div class="userImages">
        <img src="{$headimgurl}" alt="..."/>
    </div>
    <div class="userName">{$nickname}</div>
</div>
<div class="Extension" style="background: url({$wechatData.qr_image}) no-repeat;background-size: 100% 100%;background-position: center center;">
    <div>
        <img src="{$qrcode}" alt="..."/>
    </div>
</div>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="/public/static/home/js/swiper.js" type="text/javascript" charset="utf-8"></script>
<script src="/public/static/home/layer.mobile-v2.0/layer_mobile/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="/public/static/home/js/index.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function(){
        var wid=$(window).outerWidth(true);
        var wid2=$(".Extension>div").outerWidth(true);
        var heg=$(window).outerHeight(true);
        var heg2=$(".Extension>div").outerHeight(true);
        var wid3=(wid - wid2)/2;
        var heg3=(heg - heg2)/2;
        $(".Extension>div").css("left",wid3);
        $(".Extension>div").css("top",heg3);
    });
</script>
</body>
</html>
